import React from 'react'
import { usePosition } from './hooks'

// 内置的hook如 useState useEffect 可以在函数组件中使用, 也可以在自定义hook中使用, 其他的地方都不能使用!!!
// 需求2: 我们希望鼠标的坐标实时显示在页面中
// 本质: 获取鼠标的坐标
export default function App() {
  const position = usePosition()

  return (
    <div>
      <h1>图片跟随鼠标</h1>
      <p>
        鼠标坐标: {position.x}, {position.y}
      </p>
    </div>
  )
}
